import Vue from 'vue'
import App from './App.vue'
import store from './store'
import './plugins/element.js'
import './theme/index.css'
import router from './router/index.js'
import Quasar from 'quasar'
import QLayout from 'quasar'
import QHeader from 'quasar'
import QDrawer from 'quasar'
import QPageContainer from 'quasar'
import QPage from 'quasar'
import QToolbar from 'quasar'
import QToolbarTitle from 'quasar'
import QBtn from 'quasar'
import QIcon from 'quasar'
import QList from 'quasar'
import QItem from 'quasar'
import VueTouch from "vue-touch";
import QItemSection from 'quasar'
import QItemLabel from 'quasar'
import QExpansionItem from 'quasar'
import QSelect from 'quasar'
import QInput from 'quasar'
import QColor from 'quasar'
import QSlider from 'quasar'
import QPopupProxy from 'quasar'
import Ripple from 'quasar'
import ClosePopup from 'quasar'
import Notify from 'quasar'
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import '../node_modules/quasar/dist/quasar.ie.polyfills'
import '../src/css/app.styl'
import VueDragResize from 'vue-drag-resize'

import animated from 'animate.css' // npm install animate.css --save安装，在引入
 




// We load Quasar stylesheet file
import '../node_modules/quasar/dist/quasar.styl'
// import '@quasar/extras/material-icons/material-icons.css'
// We load Quasar stylesheet file

Vue.use(animated)
Vue.prototype.HOST = '/api' 
Vue.component('vue-drag-resize', VueDragResize)
Vue.use(VueTouch, {name:'v-touch'})
Vue.use(router)
Vue.use(QLayout)
Vue.use(Quasar)
Vue.use(QHeader)
Vue.use(QDrawer)
Vue.use(QPageContainer)
Vue.use(QPage)
Vue.use(QToolbar)
Vue.use(QToolbarTitle)
Vue.use(QBtn)
Vue.use(QIcon)
Vue.use(QList)
Vue.use(QItem)
Vue.use(QItemSection)
Vue.use(QItemLabel)
Vue.use(QExpansionItem)
Vue.use(QSelect)
Vue.use(QInput)
Vue.use(QColor)
Vue.use(QSlider)
Vue.use(QPopupProxy)
Vue.use(Ripple)
Vue.prototype.$notifySuccess = function(msg) {
  this.$q.notify({
    // 必需的参数是消息：
    message: msg,
    /*
     * 以下所有参数都是可选的：
     */
    timeout: 2000, // 以毫秒为单位; 0意味着没有超时
    // "type"添加一个颜色和图标，
    // 可用的值: 'positive', 'negative', 'warning', 'info'
    type: "info",
    color: "positive",
    position: "top",
    icon: "wifi"
  });
};
Vue.prototype.$notifyFailed = function(msg) {
  this.$q.notify({
    message: msg,
    timeout: 2000, // 以毫秒为单位; 0意味着没有超时
    // "type"添加一个颜色和图标，
    type: "warning",
    color: "negative",
    position: "top",
    icon: "error"
  });
};
Vue.use(ClosePopup)
Vue.use(Notify)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')
